<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/assets/home/css/bootstrap.css">
    <link rel="stylesheet" href="/assets/home/css/base.css">
    <link rel="stylesheet" href="/assets/home/css/index.css">
    <link rel="stylesheet" href="/assets/home/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/assets/home/css/animate.css">
    <link rel="stylesheet" href="/assets/home/css/reset.css">
    <script src="https://hm.baidu.com/hm.js?8ba61eb2776cd6ce4e8ee4f549cda8b6"></script>
    <script src="/assets/js/kf.js"></script>
    <script src="/assets/home/js/jquery-3.2.1.js"></script>
    <script src="/assets/home/js/swiper-3.4.2.min.js"></script>
    <script src="/assets/home/js/base.js"></script>
    <title>烙可文化</title>
    <style>
      .display .btn-ground li a{display: block;color:inherit;text-decoration: none;}
      html,body{overflow-x: hidden;}
    </style>
</head>
<body>
<header>
    {include file="common/header" /}
</header>
<section class="display">
    <div class="floor-one">
        <p class="txt-small">upcomin</p>
        <p class="txt-big">SPREES</p>
    </div>

    <div class="floor-tow">
        <ul class="btn-ground clear-fix">

            {volist name="CateGrory" id="vo" }
            <li {if ($vo['id'] == $cid)} class="is-active" {/if} >
            <a href="{:url('category',['cid'=>$vo['id']])}">{$vo.name}</a>
            </li>
            {/volist}

        </ul>
        <ul class="display-list row">


            {volist name="detail" id="vo"}
            <li class="col-lg-4">
                <div><img src="{$vo.image}" alt=""></div>
                <p>{$vo.name}</p>
            </li>
            {/volist}
        </ul>


        {$page}

    </div>
</section>
<footer>
    {include file="common/footer" /}
</footer>
<script>
  showIsActive(3)
</script>
</body>
</html>
